<script setup lang="ts">
import { router } from "../main.js"
function goToOurWork(){
  router.push("/ourworks")
}
function goToConnectUs(){
  router.push("/connectus")
}
</script>

<template>
  <div class="xxxx">
    <img src="../../public/lens.png" class="img-fluid"/>
    <br/>
    <div style="text-align: center">
      <button @click="goToOurWork" type="button" class="btn btn-dark btn-outline-light" style="margin: 2rem">我们的作品</button>
      <button @click="goToConnectUs" type="button" class="btn btn-dark btn-outline-light" style="margin: 2rem">联系我们</button>
    </div>
  </div>
</template>

<style scoped>
.xxxx{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
</style>